<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-税务规划</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="public/picker/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="src/scrool/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="public/css/question/tab_step.css" />
		<link rel="stylesheet" href="css/tax_planning.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header :user_info="infos"></m_header>
			<div class="main my_container">
				<!--九种类型-->
				<types type="4"></types>
				<!--右侧内容-->
				<div class="right">				
					<!--高端生活-->
					<div class="collection one_type" v-show="isShow">
						<div class="overflow my_tabs">
							<li class="type text-center cursor" v-bind:class="[{active:type==0}]" @click="type=0">产品库</li>
							<li class="type text-center cursor" v-bind:class="[{active:type==1}]" @click="showUsers">需求分析</li>
							<button style="width: auto;" v-if="type==1" @click="add_customer" class="btn btn-base" type="button"><i class="fa fa-plus-square"></i> 新建客户数据</button>
						</div>
						<!--内容-->
						<div class="content" >
							<div class="products" v-show="type==0">
								<!--轮播图-->
								<div class="lunbo">
									<div class="swiper-container products_container">
									    <div class="swiper-wrapper">				       
									        <div class="swiper-slide" v-for='item in banners'>
												<div style="background-size: 100%;" v-bind:style='{"background-image":"url("+ item.ImgUrl +")"}'>												
													<!--<img v-bind:src='item.ImgUrl' class="transform_center" alt="" />-->
												</div>
											</div>
									    </div>
									    <!-- 如果需要分页器 -->
									    <div class="swiper-pagination products_pagination"></div>				    
									    <!-- 如果需要导航按钮 -->
									    <div class="swiper-button-prev products_prev"></div>
									    <div class="swiper-button-next products_next"></div>				    
									    <!-- 如果需要滚动条 -->
									    <div class="swiper-scrollbar"></div>
									</div>
								</div>
								<!--图片集合-->
								<template v-for='(val,i) in modelList'>
									<div class="module">
										<li class="title">{{val.CategoryName}}</li>
										<div class="imgs">
											<div class="one_img cursor"  v-for='(item,index) in val.Countries' >
												<div  @click="show_list(item)">
													<div class="my_flex my_flex_center">
														<img v-bind:src='item.CountryFlag | add_baseUrl'></img>
													</div>
													<div class="my_flex my_flex_center">
														<span>{{item.CountryName}}</span>
													</div>						
												</div>
											</div>
										</div>
									</div>
								</template>
								
								<!--推荐产品-->
								<div class="recommend module">
									<li class="title">推荐产品</li>
									<ul class="list">
										<li class="cursor" @click='go_introduce(item)' v-for="item in recommend_products">
											<span>{{item.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>
										</li>										
									</ul>
								</div>
								<!--按地区种类布局-->
								<!--<div class="module">
									<li class="title">推荐产品</li>
									<div class="imgs">
										<div class="one_img cursor"  v-for='(item,index) in modelList' >
											<div  @click="show_list('id')">
												<div class="my_flex my_flex_center">
													<img v-bind:src='item.Icon'></img>
												</div>
												<div class="my_flex my_flex_center">
													<span>{{item.ModelName}}</span>
												</div>						
											</div>
										</div>
									</div>
								</div>-->
								
								
								
							</div>
							<!--用户列表-->
							
							<div class="posts" v-if="type==1">
								<div class="lists">
									<table class="table  table-striped">
										<tr class="one_list cursor" v-for='(item,index) in users'>
											<td><span class="index">{{index+1}}</span></td>
											<td><span>{{item.CustomerName}}</span></td>
											<td><span><i class="fa " v-bind:class='[item.Sex ? "fa-male":"fa-female","fa"]'></i> {{item.Age}}岁</span></td>
											<td><span>{{item.Address}}</span></td>
											<td><span>{{item.Career}}</span></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
					
					<!--详情列表-->
					<product_list_detail v-if='product_list_detail_show.value' :item='list_item' :is_show="product_list_detail_show" @go_introduce="go_introduce"></product_list_detail>	
						
					<!--问题-->
					<basic_question v-if='step==1' @go_step_2='go_step_2' :customer_id="CustomerID" :answers='answers' :user='user' :answer_items='AnswerItems'></basic_question>
					<form class="form-horizontal form" id="question_2" v-if='step==2'>
						<div class="form-group">
							<div class="col-sm-6 col-sm-offset-3">
								<li class="title">多选:{{QuestionTitle}}？</li>
								<div class="content">
									<div class="checkbox" v-for='item in AnswerOutputs'>
										<label>
										    <input type="checkbox" v-bind:value='item.ID'>
										    {{item.AnswerItem}}
										  </label>
									</div>
								</div>
							</div>
						</div>

						<div class="form-group" style="margin-top: 20px;">
							<div class="col-sm-offset-3 col-sm-6">
								<button type="button" class="btn btn-base">完成</button>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!--模态框-->
			<m_modal ref="m_modal" ></m_modal>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="public/picker/bootstrap-datetimepicker.min.js"></script>
		<script src="public/picker/locales/bootstrap-datetimepicker.zh-CN.js"></script>

		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<!--滚动条-->
		<script src="src/scrool/jquery.mCustomScrollbar.min.js"></script>
		
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/question/basic_question.js"></script>
		<!--推荐产品列表-->
		<script src="public/component/high_life/product_list_detail.js"></script> 
		<script src="public/component/question/modal.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/tax_planning.js"></script>
	</body>

</html>